Welcome to Css!

2.05 后代选择器

使用快捷键来生成多个同样标签:

输入:div>ul>li{$}*5 ,然后按tab键,可以一次生成需要的标签结构,

1、 描述是一种祖先结构关系,并不一定是父子关系;

2、 祖先和后代之间要有一个空格隔开;


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css注释</title>

<style>

.rnj .laoLiu{

color:red;

font-size:24px;

}

</style>

</head>

<body>

<div class="ynj">

<ul class="yb">

<li class="laoEr">老二</li>

<li class="laoLiu">老六</li>

<li class="zs">张三</li>

</ul>

</div>

<div class="rnj">

<ul class="rb">

<li class="laoEr">老二</li>

<li class="laoLiu">老六</li>

<li class="zs">张三</li>

</ul>

</div>

</body>

</html>

返回值: